<?php
/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

?>

<!-- ***************** INICIO DE  MENU JERARQUIA***********************-->

<script type="text/javascript" src="css/pycda/menu/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="css/pycda/menu/fg.menu.js"></script>
    
    <link type="text/css" href="css/pycda/menu/fg.menu.css" media="screen" rel="stylesheet" />
    <link type="text/css" href="css/pycda/menu/theme/ui.all.css" media="screen" rel="stylesheet" />
    
    <!-- styles for this example page only -->
	<style type="text/css">
	
	#menuLog { font-size:1.4em; margin:20px; }
	.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button { margin:0 0px 0px 0px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center;}
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button {  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0;}
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px;}	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(css/pycda/menu/spinner_bar.gif) no-repeat 0 0; }
	</style>
	
	<!-- style exceptions for IE 6 -->
	<!--[if IE 6]>
	<style type="text/css">
		.fg-menu-ipod .fg-menu li { width: 95%; }
		.fg-menu-ipod .ui-widget-content { border:0; }
	</style>
	<![endif]-->	
    
    <script type="text/javascript">    
    $(function(){
    	// BUTTONS
    	$('.fg-button').hover(
    		function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
    		function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
    	);
    	
    	// MENUS    	
		$('#flat').menu({ 
			content: $('#flat').next().html(), // grab content from this page
			showSpeed: 400,
			width: 150
		});
		
		$('#hierarchy').menu({
			content: $('#hierarchy').next().html(),
			crumbDefaultText: ' '
		});
		
		$('#hierarchybreadcrumb').menu({
			content: $('#hierarchybreadcrumb').next().html(),
			backLink: false
		});
		
		// or from an external source
		$.get('css/pycda/menu/menuContentSAClientes.php', function(data){ // grab content from another page
			$('#flyout').menu({ content: data, flyOut: true });
		});
		
		// or from an external source
		$.get('css/pycda/menu/menuContent.php', function(data){ // grab content from another page
			$('#flyout2').menu({ content: data, flyOut: true });
		});
		
		// or from an external source
		$.get('css/pycda/menu/menuContent.php', function(data){ // grab content from another page
			$('#flyout3').menu({ content: data, flyOut: true });
		});
		
    });
    </script>
    
<!-- ***************** FIN  DE  MENU JERARQUIA***********************-->




<script languaje="JavaScript">
function setStyle(style,item) {
item.className = style;
}
</script>
<!--
<a href="css/pycda/menu/menuContentSAClientes.php" class="fg-button" id="flyout" style="float:left;"> 
	<div class="menu_item menu_link_color" onmouseover="setStyle('menu_item_MouseOver',this)" onmouseout="setStyle('menu_item',this)">
	<div style="margin-top:12px; text-decoration: none;">SERVICIOS<img src="css/pycda/menu/arrow.gif" /></div> </div></a>
 -->
    
